<template>
<view class="maintains">
	<view class="mTitle">
		<view>大保养</view>
		<view>小保养</view>
	</view>
	<view class="mSubTitle">
		<view class="mSubTitle1" v-for="item in array" :key="index"> 
			<view class="image" :style="item.bg"><image :src="item.image"></image></view>
			<view class="text">{{item.text}}</view>
		</view>
	</view>
</view>
</template>

<script>
	export default {
		name:'array_child',
		props:['array'],
		data(){
			return{
				
			}
		}
	}
</script>

<style>
.maintains{width:95%;margin:0 2.5%;border-radius: 20rpx;position:absolute;top:340rpx;background-color:#fff;box-shadow: 1rpx 2rpx 10rpx #ccc;}
.mTitle{display: flex;justify-content:space-around;border-bottom:2rpx solid #ccc;padding:30rpx 0;text-size:30rpx}
.mSubTitle{display: flex;justify-content:space-between;flex-wrap: wrap}
.mSubTitle1{width:147rpx;display:flex;flex-direction:column;align-items: center;margin:0 10rpx;margin:20rpx 0 30rpx}
.mSubTitle1 .image{width:100rpx;height:100rpx;display:flex;justify-content: center;align-items: center;margin:0 auto;border-radius:50%;}
.mSubTitle1 .image image{width:60rpx;height:50rpx}
.mSubTitle1 .text{margin-top:10rpx;font-size:24rpx;text-align:center;color:rgba(129,129,129,1);}
</style>
